<!DOCTYPE html>
<html>
	<head>
	  <meta charset="utf-8" />
	  <meta name="format-detection" content="telephone=no" />
	  <!-- Required meta viewport tag. Do not modify this! -->
	  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
	  <title>MoneyIO</title>
	  <link rel="shortcut icon" href="img/money_i-o.png"/>
	  <link rel="stylesheet" href="lib/themes/holo-dark/holo-dark.min.css" />
	</head>
<body>

  <!-- All your pages must be wrapped in a div.page so that stack.js works -->
  <div class="page">

    <header class="action-bar fixed-top">
    <a  href="#"  data-transition="pop"></a>
      <a id="doneBtn" href="#" class="action page-action" data-transition="pop">
        <i class="icon-accept"></i>
        <span class="action-title">Ajouter</span>
    </a>
    </header>
    <div class="content">
        <form id="addEntryForm" class="form-flex inset">
            <!--Type-->
            <label class="block-label">Entrée</label>
            
                <label class="input-radio-wrapper">
                <input type="radio" name="inOut" class="input-radio" id="entree-radio" value="IN"/>
                  <div class="input-radio-inner">
                    <div class="input-radio-button"></div>
                  </div>
                </label>
                <label class="block-label">Sortie</label>
                <label class="input-radio-wrapper">
                  <input type="radio" name="inOut" class="input-radio" id="sortie-radio" value="OUT"/>
                  <div class="input-radio-inner">
                    <div class="input-radio-button"></div>
                  </div>
                </label>
              
            <!--Nom et prénom -->
            <label class="block-label">Prénom et Nom</label>
            <div class="flex-group">
                <input name="firstName" type="text" placeholder="Prénom *" class="input-text flex1">
                <input name="lastName" type="text" placeholder="Nom" class="input-text flex1">
            </div>
            <!--Dates-->
            <label class="block-label">Dates</label>
            <div class="flex-group">
                <input name="startDate" type="date" placeholder="Du *" class="input-text flex1">
                <input name="endDate" type="date" placeholder="Au" class="input-text flex1">
            </div>
            
            <!--Montant-->
            <label class="block-label">Montant</label>
            <div class="flex-group">
                <input name="amount" type="number" placeholder="Montant *" class="input-text flex1">
                <input name="unit" type="text" placeholder="Unité" class="input-text flex1">
            </div>
            <label class="block-label"> Commentaire</label>
           <input name="comment" type="text" placeholder="Commentaire" class="input-text flex1">
        </form>
    </div>
	<nav class="action-bar fixed-bottom">
          <ul class="actions flex" data-overflow="false">
            <li><a href="index.html" class="action" title="Compose" data-ignore="true"><i class="icon-view-as-list"></i></a></li>
            <li><a href="add-page.html" class="action" title="Contacts" data-ignore="true" data-transition="pop"><i class="icon-new"></i></a></li>
            <li><a href="javascript: void(0);" class="action" title="Refresh" data-ignore="true"><i class="icon-folder"></i></a></li>
          </ul>
    </nav>
    <div class="dialogs">
      <!-- This is a requried container for your dialogs. All dialogs that you want to display in this page go here -->
    </div>
  </div>
    <!-- Scripts at the bottom -->
  	<script type="text/javascript" charset="utf-8" src="lib/jquery-2.1.0.js"></script> 
	<script type="text/javascript" charset="utf-8" src="lib/jgestures.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="lib/cordova.js"></script>
	<script type="text/javascript" charset="utf-8" src="lib/fries.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/commons.js"></script>
	<script type="text/javascript" charset="utf-8" src="js/add-page.js"></script>

</body>
</html>